<template>
    <div class="hello">
        <h1>{{ msg }}</h1>
        <el-card class="box-card" v-for="i in 6" :key="i">
            <div v-for="j in 4" :key="j" class="">{{'列表内容列表内容 ' + j }}</div>
        </el-card>

    </div>
</template>

<script>
export default {
    name: 'HelloWorld',
    props: {
      msg: String
    },
    methods: {
        rdm: function (a, b) {
            return parseInt(Math.random() * (b - a) + a)
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus">
h3
    margin 40px 0 0

ul
    list-style-type none
    padding 0

li
    display inline-block
    margin 0 10px

a
    color #42b983

.box-card
    margin 1rem 0.5rem
    text-align left
</style>
